const {
	VantResolver
} = require("@vant/auto-import-resolver");
const ComponentsPlugin = require("unplugin-vue-components/webpack");

module.exports = {
	configureWebpack: {
		plugins: [
			ComponentsPlugin({
				resolvers: [VantResolver()],
			}),
		],
	},
	css: {
	    loaderOptions: {
	      postcss: {
	        postcssOptions: {  // Change here
	          plugins: {
	            'postcss-px-to-viewport': {
	              viewportWidth: 750,//
	              // viewportHeight: 667,
	              unitPrecision: 5,
	              viewportUnit: 'vw',
	              selectorBlackList: [],
	              minPixelValue: 1,
	              mediaQuery: false,
	            },
	          },
	        },
	      },
	    },
	  },
	publicPath: './', // 基本路径
	assetsDir: 'static', // 放置静态资源的目录
	// assetsPublicPath:'./',
	//  build : {
	// index:path.resolve(__dirname,'../../www/index.html'),
	// assetsRoot:path.resolve(__dirname,'../../www'),
	// assetsSubDirectory:'static',
	// assetsPublicPath:'./',
	//  },
	devServer: {
		headers: {
			'Access-Control-Allow-Origin':'*'	
		},
	    port: 8888,
	    open: true,
		
	    proxy: {
			'/api': {
				target: 'https://uat.test2pay.com/sgs/api/acquire2/placeOrder',
				changeOrigin: true,
				pathRewrite: {
				'^/api': '', // 移除路径前的 
				},
				ws:true,
				"logLevel": "debug",
			},
	      '': {
				target:'http://173games.com',
				//target:'https://d25k7zfz6k5r1z.cloudfront.net',http://3.29.235.26/
				//target: 'http://173games.com',
				//target: 'http://152.136.235.238',
				//target: 'http://192.168.1.13',
				changeOrigin: true,
				pathRewrite: {
				'^/': '', // 移除路径前的 /
				},
				ws:true,
				"logLevel": "debug",
			},
	    },
	},
};


// module.exports = {
//   publicPath: './',  // 基本路径
//   outputDir: 'dist', // 构建时的输出目录
//   assetsDir: 'static', // 放置静态资源的目录
//   indexPath: 'index.html', // html 的输出路径
//   filenameHashing: true, // 文件名哈希值
//   lintOnSave: false, // 是否在保存的时候使用 `eslint-loader` 进行检查。

//   // 组件是如何被渲染到页面中的？ （ast：抽象语法树；vDom：虚拟DOM）
//   // template ---> ast ---> render ---> vDom ---> 真实的Dom ---> 页面
//   // runtime-only：将template在打包的时候，就已经编译为render函数
//   // runtime-compiler：在运行的时候才去编译template
//   runtimeCompiler: false,

//   transpileDependencies: [], // babel-loader 默认会跳过 node_modules 依赖。
//   productionSourceMap: false, // 是否为生产环境构建生成 source map

//   //调整内部的 webpack 配置
//   configureWebpack: () => { },

//   chainWebpack: () => { },

//   // 配置 webpack-dev-server 行为。
//   devServer: {
//     open: true, // 编译后默认打开浏览器
//     host: '0.0.0.0',  // 域名
//     port: 8080,  // 端口
//     https: false,  // 是否https
//     // 显示警告和错误
//     overlay: {
//       warnings: false,
//       errors: true
//     },
//   }
// }